<script setup lang="ts"></script>

<template>
  <div class="term-page">
    <!-- 头部导航 -->
    <div class="wrapper-content header-nav">
      <div class="header-left">
        <span class="logo" @click="$router.push('/index')">FileQX</span>
      </div>
      <div class="header-right">
        <ul class="nav-list">
          <router-link to="/contactUs">
            <li class="nav-item first-item">联系我们</li>
          </router-link>
          <router-link to="/login">
            <li class="nav-item">登入</li>
          </router-link>
          <router-link to="/register">
            <li class="nav-item last-item">报名</li>
          </router-link>
        </ul>
        <ul class="login-list">
          <router-link to="/login">
            <li class="nav-item">登入</li>
          </router-link>
        </ul>
      </div>
    </div>
    <!-- 主体内容 -->
    <div class="wrapper-content page-wrapper small">
      <div class="page-title left headline">
        <h1 class="title">Terms of Service</h1>
      </div>
      <div class="page-content">
        <p>
          Laoreet cum hendrerit iaculis arcu phasellus congue et elementum, pharetra risus imperdiet aptent posuere
          rutrum parturient blandit, dapibus tellus ridiculus potenti aliquam sociis turpis. Nullam commodo eget laoreet
          risus cursus vel placerat, in dapibus sociis gravida faucibus sodales, fringilla potenti elit semper iaculis
          ullamcorper. Dignissim vulputate pretium montes pellentesque mollis, consectetur adipiscing curabitur semper
          sem rhoncus, litora viverra curae proin.
        </p>
      </div>
    </div>
    <!-- 底部 -->
    <div class="wrapper-content footer-nav">
      <div class="logo">
        <b class="logo-text">FileQX</b>
      </div>
      <ul class="navigation-links">
        <li><router-link to="/contactUs" class="hover-text-theme">联系我们</router-link></li>
      </ul>
      <ul class="navigation-links">
        <li>
          <router-link to="/termsService" class="hover-text-theme">Terms of Service</router-link>
        </li>
        <li>
          <router-link to="/privacyPolicy" class="hover-text-theme">Privacy Policy</router-link>
        </li>
        <li>
          <router-link to="/cookiePolicy" class="hover-text-theme">Cookie Policy</router-link>
        </li>
      </ul>
    </div>
  </div>
</template>

<style lang="scss" scoped>
@import '@/styles/termsService.scss';
</style>
